﻿@charset "utf-8";
/* CSS Document */
/*
    layout
*/
body{background:#FFFFFF;text-align: center;}
body *{text-align:left;}
.layout{
    width: 960px;
    margin: 0 auto;
    background:#FFFFFF;
}
div.layout{ 
    width: 960px;
    margin: 0 auto;}
.col-sub,  .col-extra {
    float: left;
}
.col-main {
    float: left;
    width: 100%;
    min-height: 200px;
}

.layout:after, .main-wrap:after, .col-sub:after, .col-extra:after, .box:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}
.layout, .main-wrap, .col-sub, .col-extra, .box {
    *zoom: 1;
}
.box{
	margin-bottom:10px;
}
/* 三栏布局 */
.grid-s10m0e8 .col-sub{width:350px;margin-right:10px;}
.grid-s10m0e8 .main-wrap{width:350px;float:left;margin-right:10px;}
.grid-s10m0e8 .col-extra{width:240px;}

.grid-s8m0e8 .col-sub{width:310px;margin-right:10px;}
.grid-s8m0e8 .main-wrap{width:320px;float:left;margin-right:10px;}
.grid-s8m0e8 .col-extra{width:310px;}

/*两样布局*/
.grid-m0s5 .main-wrap{width:650px;margin-right:10px;float:left;}
.grid-m0s5 .col-extra{width:300px;}
.grid-s5m0 .col-sub{width:200px;margin-right:10px;}
.grid-s5m0 .main-wrap{width:750px;float:left;}

